@charset "utf-8";

@function r($px) {
    @return($px/40) *1rem;
}

@function px($px) {
    @return($px/2) * 1px;
}
.mid{
    vertical-align: middle;
}
.txhz{
    display: -webkit-flex;
    display: flex;
}
.dj{
            display: inline-block;
            width: r(110);
            height: r(59);
            border-radius: 8px;
            background: #ff9344;
            color: white;
            font-size: r(30);
            text-align: center;
            line-height: r(59);
           
}
.ckxq{
    font-size: r(20);
    color: #ff9344;
}    
#web {
    width: r(750);
    height: 100%;
    position: relative;
    padding-left: r(23);
    padding-right: r(23);
    box-sizing: border-box;
}    
    
header{
    width: 100%;
    position: relative;
    padding-top: 24px;
    z-index: 2;
    background: white;
    .back{
        display: inline-block;
        width: 59px;
        height: 26px;
        border: 3px solid #ff9344;
        border-radius: 25px;
        text-align: center;
        vertical-align: middle;
        font-size: 21px;
    }
    .title{
        font-size: 13px;
        text-align: center;
        margin-top: 8px;
    }
}
footer {
    width: r(750);
    height: px(136);
    position: absolute;
    left: 0;
    bottom: 0;
    li {
        width: 25%;
        text-align: center;
        .iconfont{
           font-size: r(72);
           color: white;
           -webkit-text-stroke: 1px #FF9344;

        }
        .wz26{
            font-size: r(26);
            color: black;
        }
    }
}
.session{
     position: absolute;
    
    top: 75px;
    bottom: px(136);
    
    right: r(23);
    left: r(23);
    //纵向滚动
    overflow-y: scroll;
    //弹性滚动
    -webkit-overflow-scrolling: touch;
    .session1{
        img{
            width: 100%;
        }
    }
    .session2{
        margin-top: r(37);
        .gm{
            margin-top: r(20);
        }
        .yuan{
            font-size: r(72);
            color: #ff9344;
            
        }
    }
    .session3{
        margin-top: r(49);
        .wz30{
            font-size: r(30);
        }
        .wz44{
            font-size: r(30);
            color: #ff9344;
        }
        .wz26{
            font-size: r(26);
            color: #929292;
            margin-top: r(22);
        }
    }
    .session4{
        margin-top: r(37);
        height: r(67);
        background: #FF9344;
        line-height: r(67);
        span{
            color: white;
            .wz30{
                font-size: r(30);
                margin-left: r(11);
            }
            .wz47{
                font-size: r(47);
            }
        }
    }
    
    
    .session5{
        margin-top: r(11);
        justify-content: space-between;
        align-items: center;
        .zjd{
            position: relative;
            img{
                width: r(176);
            }
            p{
                position: absolute;
                background: rgba(255,255,255,0.5);
                top: r(92);
                width: 100%;
                text-align: center;
                font-size: r(24);
            }
        }
        .wz30{
           font-size: r(30);
        }
        .wz26{
            font-size: r(26);
            color: #929292;
        }
        .wz24{
            font-size: r(24);
            color: #929292;
        }
        .xingxing{
            img{
                width: r(35);
            }
        }
    }
}
